<template>
    <div :id=id type="text/plain"> </div>
</template>
 
<script type="text/ecmascript-6">
    export default {
        data: function(){
            return {
                editor: null
            }
        },
        components: {
 
        },
        //父组件向子组件传递的参数
        props: {
            defaultMsg: {
                type: String
            },
 
            config: {
                type: Object
            },
 
            id:{
                type:String
            }
        },
        methods: {
            getUEContent() { // 获取内容方法
              //  console.log("引用ue.vue 获取富文本内容");
                return this.editor.getContent()
            },
            setContent(cont){ //填充内容
                // console.log("引用ue.vue 往富文本添加",cont);
                this.editor.setContent(cont)
            },
            cleardoc(){  //清空内容
                this.editor.execCommand('cleardoc');
            },
 
            destroyed() {  //销毁该实例
                this.editor.destroy();
            },
 
            ueinfo(){
                const _this = this;
                this.editor = UE.getEditor(this.id, this.config); // 初始化UE
                this.editor.addListener("ready", function () {
                    _this.editor.setContent(_this.defaultMsg); // 确保UE加载完成后，放入内容。
                });
            }
        },
        mounted: function () {
//            console.group('mounted 挂载结束状态===============》');
            this.ueinfo();
 
        } 
 
    }
</script>
